<template>
  <div class="req-again-wrap" @click="reqAgainEvt">
    <p>
      <van-icon name="replay" :size="size" :color="color"/>
    </p>
    <p>加载出错，点击重试</p>
  </div>
</template>

<script lang="ts">
  import {Component, Vue, Prop, Emit} from "vue-property-decorator";
  import { Icon } from 'vant'

  @Component({
    components: {
      [Icon.name]: Icon,
    }
  })
  export default class ReqAgain extends Vue {

    @Prop({default: 30})
    private size!: number;

    @Prop({default: '#929292'})
    private color!: string;

    @Emit('reqAgainEvt')
    reqAgainEvt(){}
  }
</script>
<style>
  .req-again-wrap {
    text-align: center;
    margin: 300px auto;
  }
</style>
